<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			function showHead()
			{
				var d=document.getElementById("head");
				d.parentNode.bgColor="lightyellow";
				//第一个元素，下一个元素，下一个
				alert("子节点数目:"+d.childNodes.length);
				//d.firstChild.innerHTML="教育改变生活";
				d.firstElementChild.innerHTML="教育改变生活";
				d.lastElementChild.innerHTML="Java change live";
				d.previousElementSibling.innerHTML="青鸟总部网站";
				d.nextElementSibling.innerHTML="版权没有";
			}
		</script>
	</head>
	<body>
		<header>
			oschina 首页
		</header>
		<div id="head">
			<h2>we change lives</h2>
			<p>
				<span>
					Hello
				</span>
				,we changelives
			</p>
		</div>
		<p>
			&copy;版权所有，转载请联系作者
		</p>
		<input type="button" value="head的信息" onclick="showHead()"/>
	</body>
</html>
